<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>旅游咨询</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/information.css"/>
	</head>
	<body>
		<!--头部-->
		<nav class="navbar navbar-fixed-top navbar-inverse nav-shadow">
			<div class="container-fluid header-box">
				<ul class="nav navbar-nav navbar-right header">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li class="active">
						<a href="#">旅游咨询</a>
					</li>
					<li>
						<a href="book.html">机票订购</a>
					</li>
					<li>
						<a href="view.html">风景欣赏</a>
					</li>
					<li>
						<a href="about.html">关于公司</a>
					</li>
				</ul>
			</div>
		</nav>
		
		<!--图片部分-->
		<section class="header-c">
			<div class="container-fluid header-container">
				<div class="header-pic">
					<img src="img/headline.jpg"/>
					<div class="header-title">
						<h1><strong>旅游资讯</strong></h1>
						<h3>介绍各种最新旅游信息、咨询要闻、景点攻略等</h3>
					</div>
				</div>
			</div>
		</section>
		
		<!--内容-->
		<section class="section-recommend">
			<div class="container">
				<div class="row">
					<!--左边页面-->
					<div class="col-sm-8 content-different">
						<!--左边页面标题-->
						<div class="row">
							<div class="col-xs-12 different-title">
								<h3>旅游资讯</h3>
								<hr class="different-hr"/>
							</div>
						</div>
						
						<!--左边页面内容-->
						<div class="row different-content">
							<!--item1-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>国内长线</span>
											<img class="img-responsive img-hover" src="img/tour1.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>4.7折</span>
										<h4>曼谷-芭提雅6日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">包团特惠，超丰富景点，升级1晚国五，无自费，赠送600元成人券</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>2864</strong> <del>￥3980</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item2-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>出境长线</span>
											<img class="img-responsive img-hover" src="img/tour2.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>7.7折</span>
										<h4>马尔代夫6日自助游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">双鱼岛Olhuveli4晚，上海出发，机+酒，包含：早晚参+快艇</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>8039</strong> <del>￥9980</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item3-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>自助旅游</span>
											<img class="img-responsive img-hover" src="img/tour3.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>6.5折</span>
										<h4>海南双飞5日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>2709</strong> <del>￥3280</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item4-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>自助旅游</span>
											<img class="img-responsive img-hover" src="img/tour4.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>8.8折</span>
										<h4>富山-大阪-东京8日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>9499</strong> <del>￥9999</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item5-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>国内短线</span>
											<img class="img-responsive img-hover" src="img/tour5.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>9.2折</span>
										<h4>法瑞意德12日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">4至5星，金色列车，少女峰，部分THE MALL</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>9199</strong> <del>￥9999</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item6-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>国内短线</span>
											<img class="img-responsive img-hover" src="img/tour6.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>7.6折</span>
										<h4>巴厘岛6日半自助游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>6488</strong> <del>￥8460</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item7-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>游轮观光</span>
											<img class="img-responsive img-hover" src="img/tour7.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>9.6折</span>
										<h4>塞舌尔迪拜9日自助游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">一游两国，4晚塞舌尔，2晚迪拜，香港EK往返</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>9669</strong> <del>￥9999</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item8-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>出境长线</span>
											<img class="img-responsive img-hover" src="img/tour8.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>10折</span>
										<h4>花样姐姐土耳其9日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>9999</strong> <del>￥9999</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
							<!--item9-->
							<div class="col-xs-12">
								<div class="row information-item">
									<div class="col-xs-5 information-item-pic">
										<div class="commonpic imglight">
											<span>国内短线</span>
											<img class="img-responsive img-hover" src="img/tour9.jpg"/>
										</div>
									</div>
									<div class="col-xs-7 information-item-text">
										<span>6.8折</span>
										<h4>大阪-京都-箱根双飞6日游</h4>
										<div class="row">
											<div class="col-md-7 col-xs-12">
												<p class="overflow2">盐城直飞，不走回头路，境外无自费，超值之旅</p>
												<p class="overflow1"><span class="greentext">交通</span> 春秋航空，杭州出发，无需转机</p>
												<p class="overflow1 information-item-last-p"><span class="greentext">团期</span> 11/01、11/03、11/08</p>
											</div>
											<div class="col-md-5 col-xs-12 information-item-price">
												<p>￥<strong>5284</strong> <del>￥8437</del></p>
												<button type="button" class="btn btn-default btn-hover">立即抢购</button>
											</div>
										</div>
										<p>本团游由瓢城旅行社赞助提供，截止于<span>2015-10-10</span></p>
									</div>
								</div>
							</div>
							
						</div>
						
						<!--加载更多-->
						<div class="row">
							<div class="col-xs-12 text-center">
								<button type="button" class="btn btn-default information-last-btn">加载更多...</button>
							</div>
						</div>
					
					</div>
					<!--右边公共部分-->
					<div class="col-sm-4 hidden-xs content-recommend">
						<!--景点推荐-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>景点推荐</h4>
								</div>
							</div>
							
							<div class="row recommend-content1">
								<!--1-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>曼谷(12)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>东京(5)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>西双版纳(8)</span>
									</div>
								</div>
								<!--2-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>漓江(16)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>呼伦贝尔(4)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>首尔(9)</span>
									</div>
								</div>
								<!--3-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>巴厘岛(15)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>土耳其(22)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>夏威夷(5)</span>
									</div>
								</div>
								<!--4-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>巴厘岛(11)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>毛里求斯(7)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>吉普岛(4)</span>
									</div>
								</div>
								<!--5-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>希腊(18)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>法瑞意(8)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>马尔代夫(9)</span>
									</div>
								</div>
								<!--6-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>新西兰(16)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>埃及(11)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>迪拜(14)</span>
									</div>
								</div>
								<!--7-->
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>斯里兰卡(7)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>麦哈顿(3)</span>
									</div>
								</div>
								<div class="col-sm-4">
									<div class="recommend-content1-item imgdark lidark">
										<span>大阪(15)</span>
									</div>
								</div>
								
							</div>
						
						</div>
						
						<!--热卖旅游-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>热卖旅游</h4>
								</div>
							</div>
							
							<div class="row recommend-content2">
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot1.jpg"/>
									</div>
									<p class="text-center">曼谷-芭提雅6日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot2.jpg"/>
									</div>
									<p class="text-center">马尔代夫双鱼6日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot3.jpg"/>
									</div>
									<p class="text-center">海南双飞5日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot4.jpg"/>
									</div>
									<p class="text-center">富山大阪东京8日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot5.jpg"/>
									</div>
									<p class="text-center">法瑞意德12日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot6.jpg"/>
									</div>
									<p class="text-center">巴厘岛6日半游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot7.jpg"/>
									</div>
									<p class="text-center">塞舌尔迪拜9日游</p>
								</div>
								<div class="col-sm-6 recommend-content2-item">
									<div class="imglight">
										<img class="img-hover" src="img/hot8.jpg"/>
									</div>
									<p class="text-center">花样土耳其10日游</p>
								</div>
							</div>
							
						</div>
						
						<!--旅游百宝箱-->
						<div class="content-recommend-box">
							<div class="row">
								<div class="col-xs-12 recommend-title">
									<h4>旅游百宝箱</h4>
								</div>
							</div>
							
							<div class="row recommend-content3">
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea1.png"/>
										<span>天气预报</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea2.png"/>
										<span>火车票查询</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea3.png"/>
										<span>航空查询</span>
									</div>
								</div>
								<div class="col-sm-6">
									<div class="recommend-content1-item recommend-content3-item imgdark lidark">
										<img class="img-responsive" src="img/trea2.png"/>
										<span>地铁线路查询</span>
									</div>
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>
		
		<!--页脚-->
		<section class="footer">
			<div class="container-fluid">
				<div class="row footer-nav">
					<div class="col-sm-4 hidden-xs">
						<h3>合作伙伴</h3>
						<ul>
							<li><a href="#">途牛旅游网</a></li>
							<li><a href="#">驴妈妈旅游网</a></li>
							<li><a href="#">携程旅游</a></li>
							<li><a href="#">中国青年旅行社</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>旅游FAQ</h3>
						<ul>
							<li><a href="#">旅游合同签订方式？</a></li>
							<li><a href="#">儿童价是基于什么制定的？</a></li>
							<li><a href="#">旅游的线路品质怎么界定的？</a></li>
							<li><a href="#">单房差是什么？</a></li>
							<li><a href="#">旅游保险有哪些种类？</a></li>
						</ul>
					</div>
					<div class="col-sm-4 hidden-xs">
						<h3>联系方式</h3>
						<ul>
							<li><a href="#">微博：weibo.com/ycku</a></li>
							<li><a href="#">邮件：ycku@ycku.com</a></li>
							<li><a href="#">地址：江苏盐城无名路123号</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<p class="text-center overflow2">Copyright&copy;YCKU 瓢城旅行社|苏ICP备120110119号|旅行社经营许可证：L-YC-BK12345</p>
			</div>
		</section>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
